Move the logo a little more to the left

yasmeenhydari · September 2014

Hi,

We want the logo to fit the menu bar (reduce upper padding below padding)

Also we need to move the logo to left more. see image. please send custom css for both these actions. thanks

Albert · September 2014

To move this logo to left side, please use below css:

#Top_bar.is-sticky .logo { margin: 0 30px 0 -20px !important; }

yasmeenhydari · September 2014

thanks but the logo only goes to the left upon scroll.

we need to load in that position

also we need to reduce padding on top/bottom of logo

Albert · September 2014

Sorry but we don`t understand because logo is in that position on load and on scroll. So everything is fine.

Also we have no idea what padding you want to remove. There is nothing to remove at all at this moment. It can`t be resized more then it is currently.

yasmeenhydari · September 2014

ok thanks

see this image for logo top/bottom padding

yasmeenhydari · September 2014

logo itself has no padding

Albert · September 2014

This padding is necessary because without that it won`t look good. But if you really would like to remove it, then you need to use below css:

.header-fixed #Top_bar #logo { padding: 0 !important; }

yasmeenhydari · September 2014

Thanks!

One more request please, we need to fix this. I am using the Fixed header layout with minimalist header on. The navigation bar is hiding some area of the slider displayed. How can we fix this, so the slider is displayed below the navigation and not behind it?

Regards,

Albert · September 2014

But where this happen exactly? Because we don`t see anything like that on your website. Header works fine and slider goes under menu bar.

yasmeenhydari · September 2014

hi

we don't want the slider to go under the menu bar. how to fix that

Albert · September 2014

So how this supposed to look like? Please make a screenshot of how this looks like now on your screens and how it supposed to look like (make necessary changes).

yasmeenhydari · September 2014

just want to load the slider and page below the menu, not under the menu.

the menu is floating on top of the slider and hiding some of it from the top. want to disable that, so that slider loads after the menu not under it

u can check it on our website - emfprotection.com

yasmeenhydari · September 2014

hi again,

still awaiting your reply regarding above query.

these are custom css codes in use currently

.single-post #Subheader { display: none; }

.page #Subheader { display: none; }

.post-nav { display: none; }

.fixed-nav { display: none; }

.post-header .button-love { display: none; }

.post-header .title_wrapper { border: none; padding-left: 0; margin-left: 0; }

.post-footer .button-love { display: none; }

h1, h2, h3, h4, h5, h6, p { font-weight: 700; }

#Top_bar.is-sticky .logo { margin: 0 30px 0 -20px !important; }

#Top_bar .logo { margin: 0 30px 0 -20px !important; }

.header-fixed #Top_bar #logo { padding: 0 !important; }

also the code you sent me does not seem to work

.header-fixed #Top_bar #logo { padding: 0 !important; }

Albert · September 2014

Please try below css then:

#Wrapper { margin-top: 35px !important; }

But if this won`t help, then please make a screenshot of what you mean with necessary changes so we can have a look on it.

yasmeenhydari · September 2014

thanks that worked fine.

now for the logo issue please refer this img, it has padding no doubt which we need to remove

the code given earlier didn't work

Albert · September 2014

The only way to remove padding for logo is below css and nothing else can`t be done in this case:

.header-fixed #Top_bar #logo { padding: 0 !important; }

yasmeenhydari · September 2014

as i said before that code does not work. it's implemented now again on emfprotection_dot_com

also our footer background color is not changing

I'm using Theme Skin Blue

in Colors>Footer> changing the Footer background, but it is not reflecting the change. please help resolve.

Albert · September 2014

So if this code does not work then we have no idea what else could happen. We really have no idea so we can`t help. About 2nd question, you are not able to change colors because you use pre-defined skin instead of custom. Custom colors works only with custom skin so this will work after this change.

yasmeenhydari · September 2014

ok thanks

p_o_l_o_s_i_n · August 2016

I encountered the same problem and I think I could help. Try this in custom CSS:

#Top_bar .logo { margin-left: 0px !important; }

Move the logo a little more to the left

Comments