-
-
Hi there,
I have added few widgets to my header via Specular widget ad. I have menu on the left hand side. There currently there widgets. Two images and social bar. Please refer to landing page http://www.serenity-photography.com.au
First problem: all three widgets and menu are not aligned. I need them to be centred
Second problem: there is no space between widgets at all. I found where to adjust distance between logo menu and widgets but not between widgets themselves. All three widgets need to be centred, vertically aligned and have approx 20px gap between
Thanks
-
Hello,
Please add this code into your custom css box:
.header_7 #logo { left: 43% !important;} #navigation { padding-right: 25px !important;} .header_7 .header_widgetized { margin-left: 26px !important; margin-top: 20px !important; }Result screenshot. Let us know.
Best regards!
-
Hi there. it didnt seem to work. Widgets are still not centred and also there is no space between them in vertical alignment and also between end of menu and first ad widget (photo).
I have updated login details in my profile so you could login and check settings
thanks
-
also on mobile version, logo and footer are no longer centred. Also widgets from header are not showing at all. The idea is to have them visible on mobile version as well. I would like them to appear all the way at the end of scrollable homepage (before the footer)
thanks
-
There is also no space at all between button added to header, menu and widget/photo below. I would like to space it all nicely over left hand bar
-
Hello,
The site when we first checked it did not have the after menu button. So if you keep changing the site, then of course you would have to change the css as well.
The menu is centered horizontally and so are the other widgets. To add more space between widgets, edit the value of these lines in the code above:
.header_7 .header_widgetized { margin-left: 26px !important; margin-top: 20px !important; }To edit the position of menu, horizontally, edit this part:
#navigation { padding-right: 25px !important;}And to change the position of logo, edit this part:
.header_7 #logo { left: 43% !important;}Did you mean to center them vertically? Please be more specific on the changes you want to do. In case of vertical align, add
padding-topandpadding-bottomto all three elements until they are positioned as you want them to.
Example:.header_button { float: left !important; margin-left: 9px !important; } .header_7 #navigation nav { padding-bottom: 88px !important; } .header_7 .header_wrapper .footer_social_icons { padding-top: 30px !important; margin-left: -31px !important; }Result screenshot. Edit the values to your wish.
Note: Please know that these are styling customizations and by default are not included in support service.
Best regards!
-
Worked it out. Thanks a lot legends. Looks perfect.
Is it possible to add widgets from my header to mobile version and make them visible on the footer or somewhere on the bottom?
-
Hello,
Can you please explain better? Do you want to add widgets to header and make them display in footer while in mobile?
Sorry but this is not possible. To show widgets in footer, you have to actually add them in footer area. Not in header.PS: If you are satisfied with our theme and support, please consider rating us 5 stars in Themeforest. It is very important for us to keep on the work and produce more premium themes.
Thank you!Best regards!
-
You must be logged in to reply to this topic.