Hello.
I'd like to move the socialmedia area in the right corner of the page.
I already moved the mobile menu icon on the left side; I've tried with some css rules but I don't know where I am wrong, on an iPhone 7 plus I can see the icons in the right place, but when switching to a smaller screen they are not where I want.
Is it possible to find together a solution?
- reitano
- Commercial Templates
- Monday, 04 December 2017
- Subscribe via email
References
Thank you so much, ciarán!
Very helpful as usual!
Now it works perfectly and is beautiful to see!
10+
Very helpful as usual!
Now it works perfectly and is beautiful to see!
10+
- more than a month ago
- Commercial Templates
- # 1
Hello
The suggested CSS above was conflicting with the custom CSS in the Responsive Options tab of your template settings. Removing the social icons CSS from the Responsive Options tab resolved the issue.
Ciarán
The suggested CSS above was conflicting with the custom CSS in the Responsive Options tab of your template settings. Removing the social icons CSS from the Responsive Options tab resolved the issue.
Ciarán
- more than a month ago
- Commercial Templates
- # 2
Hello Ciaràn and thank for your Kindly help.
Witch kind of conflict?
Now it is displaying correctly
Witch kind of conflict?
Now it is displaying correctly
- more than a month ago
- Commercial Templates
- # 3
Thank you
You had some conflicting CSS. I have tidied this up a bit and it appears to be now displaying correctly?
Ciarán
You had some conflicting CSS. I have tidied this up a bit and it appears to be now displaying correctly?
Ciarán
- more than a month ago
- Commercial Templates
- # 4
Hello
May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.
Ciarán
May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.
Ciarán
- more than a month ago
- Commercial Templates
- # 5
unfortunately no luck....
still same problem... I don't know how the template calculate the position
still same problem... I don't know how the template calculate the position
- more than a month ago
- Commercial Templates
- # 6
Hmmm.. a bit of a tricky one this.
As a last ditch hope could you try the following Custom CSS instead...
Ciarán
As a last ditch hope could you try the following Custom CSS instead...
@media only screen and (max-width: 959px) {
#socialmedia {
position: fixed !important;
top: 0 !important;
right: 0 !important;
}}
Ciarán
- more than a month ago
- Commercial Templates
- # 7
thanks for your Kindly support, Ciaran.
Unfortunately no good news.
Attached you can see the result from an iPhone 6s and on an iPhone 7 Plus.
As you can see, instead of using header 1 and 2 or other module positions, I want to use socialmedia for quick links to cart and profile, cause I think is better from mobile and in general easiest to use
Unfortunately no good news.
Attached you can see the result from an iPhone 6s and on an iPhone 7 Plus.
As you can see, instead of using header 1 and 2 or other module positions, I want to use socialmedia for quick links to cart and profile, cause I think is better from mobile and in general easiest to use
- more than a month ago
- Commercial Templates
- # 8
Hello
You can try the following Custom CSS instead...
Ciarán
You can try the following Custom CSS instead...
@media only screen and (min-width: 768px) and (max-width: 959px) {#socialmedia {
top: -261px !important;
}}
Ciarán
- more than a month ago
- Commercial Templates
- # 9
Hello
To amend try adding the following to the Custom CSS field of your templates parameters...
Ciarán
To amend try adding the following to the Custom CSS field of your templates parameters...
@media only screen and (max-width: 767px) {
#socialmedia {
top: 40px;
}}
Ciarán
- more than a month ago
- Commercial Templates
- # 13
- Page :
- 1
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!
Please login to post a reply
You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »