Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 31, 2014 at 8:50 am #311461
    AMseptemeber

    This bit of CSS I have entered per support is causing a couple of issues on our site. The font set for headings changes to a bolded standard font. I can’t figure out why but can see the font change back on smaller screens and browser sizes. Furthermore, I’d like to use this same layout with header mobile menu activated for tablets in the theme options, but the mobile menu sits right on top of the logo until the browser comes under 768px

    #top #wrap_all .social_bookmarks a {
color: white;
}
.header-scrolled .social_bookmarks a {
color: #919191!important;
}
..html_header_transparency #top #wrap_all #main {
padding-top: 0!important;
}
@media only screen and (max-width: 768px) {
.html_header_transparency #top #wrap_all #main { margin-top: -82px; }
    August 31, 2014 at 10:23 am #311469
    Dude

    Hey AMseptemeber!

    Yes, the code is not valid. Please replace:

    
@media only screen and (max-width: 768px) {
.html_header_transparency #top #wrap_all #main { margin-top: -82px; }

    with

    
@media only screen and (max-width: 768px) {
.html_header_transparency #top #wrap_all #main { margin-top: -82px; }
}

    Cheers!
    Peter

    August 31, 2014 at 10:30 am #311475
    AMseptemeber

    THANK YOU SO MUCH, I truly appreciate the quick reply and that fixed the font issue. I must have screwed it up somewhere along my customizing.

    Any idea how to reposition logo when mobile menu activated for tablets?

    August 31, 2014 at 2:17 pm #311520
    Yigit

    Hey!

    Can you post a screenshot and show the issue you are having? I tried resizing browser window but logo does not overlap your menu on my end

    Cheers!
    Yigit

    August 31, 2014 at 7:10 pm #311582
    AMseptemeber

    Thanks for taking a look Yigit. I disabled tablet setting for now, until I had a fix. It has been set now, please advise on how to resolve.

    August 31, 2014 at 8:58 pm #311588
    AMseptemeber

    I’ve decided to exchange position of logo and menu for now to resolve the issue. If there is a fix, please let me know.

    September 1, 2014 at 3:15 pm #311861
    Yigit

    Hi!

    You can add following code to Quick CSS to decrease the padding between menu items 

    @media only screen and (max-width: 1140px) {
.av-main-nav > li > a { padding: 0 6px; }}

    If that does not help either, we are going to need to see the issue live

    Regards,
    Yigit

    September 15, 2014 at 8:47 pm #319413
    AMseptemeber

    Thanks Yigit. Found another solution that worked for this.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Quick CSS codes causing font to change and bold’ is closed to new replies.