Tagged: header, logo, overlapping, slider
-
AuthorPosts
-
July 29, 2013 at 4:12 pm #26888
Hi i wanted a bigger log so i went to layout.css and change the height like follows, as i read it in other thread
/*header with social icons: */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 156px; line-height: 156px; }
But now the hole header is overlapping de slider you can see a screen here http://goo.gl/Ek4Tx9
What should i do?
July 30, 2013 at 3:26 am #131991i increse de height of the header and now is ovelapping the slider any clue to solve it?
tnx
July 30, 2013 at 5:03 pm #131992i also try incresing padding to match the height to 156px in the quick css area but nothing happens
.fixed_header.social_header #main{ padding-top:156px; }
it´s one day since my first post i am getting disapointed
August 1, 2013 at 5:01 am #131993Hi,
I think the padding and line height are way too big.
We would need to see the url to the site and actually look at the code in order to provide you with css to fix this, an image alone is not helpful. You can put the link to your site inside http://www.goo.gl in order to hide it.
Thanks,
NIck
August 1, 2013 at 1:32 pm #131994Hi nick thanks for your answer, here is the site http://goo.gl/v6YdLt. I wait for your feedback
Thanks
August 2, 2013 at 7:24 pm #131995Hi smorrone,
You should *never* modify the theme’s css files directly. Instead, always add your css changes to either the Quick CSS field in the theme styling options tab or the custom.css file in the css folder.
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
.fixed_header.social_header #main {
padding-top: 188px;
}This will push the main container down far enough that your new larger header will not overlap.
I posted this in your other topic on the same issue but just as an FYI our Queue system goes by oldest post to newest. So when you self respond to your own post it actually pushes the post to the end of the line.
Typically we respond within 24 hours and only get to that point when we are very very busy like we are right now.
Regards,
Devin
August 2, 2013 at 11:18 pm #131996Hi Devin thanks for your answer and directions. I know exactly what i have modified in the css files directly, so is easy to put it back in the original way or even safer replace with the original file and go back as i never touched anything.
I tryed your instructions and works fine on desktop, not tested yet on mobile devices. Thanks.
Now, i want to keep tidy the code of the site so i wil preciate if you can tell me if its good to replace the theme css with the original file, and apply this modifications via Quick CSS? If the answer is “yes” exactly what i should i put in the Quick Css, besides the last piece of code you gave me.
Thanks for your support, i never in the future going to duplicate trheads, and also never touching again directly the theme css files.
Waiting for your feedback
best regards
Salvador
August 6, 2013 at 1:25 pm #131997Yes, you can just add your css to either the Quick CSS field or you can add your css to the custom.css file in the themes css folder.
All you will need to add is the css you’ve modified including the selector. So you would just add:
.fixed_header.social_header #main {
padding-top: 188px;
}and then if you have any other css items they would go in there as well.
-
AuthorPosts
- The topic ‘Logo size bigger is overlapping the slider’ is closed to new replies.