Header section on mobile

This topic contains 11 replies, has 3 voices, and was last updated by  CTHthemes 2 months, 3 weeks ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #22557

    atomicdesign
    Participant

    Supported

    Hi,

    I have resized my logo to the size I need and adjusted the header height accordingly. On smaller devices the logo is overlapping and the menu icon doesn’t show. Please see screenshot and link to site.

    Changing the logo dimensions in your theme options did nto work so I added to child CSS file. I need the header section to appear perfect whatever the screen size. Thanks

    #22558

    atomicdesign
    Participant

    Supported
    This reply has been marked as private.
    #22593

    Alma Viki
    Participant

    Unknow

    Hi,
    You can try to use this CSS code:

    @media only screens and (max-width: 768px){
    .sb-menu-button, .nav-button{ background: #714a4a; }
    .logo-holder img{ height: 40px!important; }
    header.main-header{ height: 75px;}
    .show-share-wrap div{ margin-top: 6px; }
    }

    Thanks

    Attachments:
    You must be logged in to view attached files.
    #22609

    atomicdesign
    Participant

    Supported

    Hi, that’s made no difference whatsoever. This is why I contacted you because none of my CSS working either. I will send my WP login in next post so you can take a look yourself…

    thanks

    #22610

    atomicdesign
    Participant

    Supported
    This reply has been marked as private.
    #22653

    Alma Viki
    Participant

    Unknow

    It’s ok now.
    Sorry for my bad.

    Thanks

    #22798

    atomicdesign
    Participant

    Supported
    This reply has been marked as private.
    #22841

    Alma Viki
    Participant

    Unknow

    Hi,
    Can you help me recheck this issues?
    I have fixed it.

    Thanks

    #25204

    atomicdesign
    Participant

    Supported
    This reply has been marked as private.
    #25216

    CTHthemes
    Keymaster

    Hi,

    1 – The slider is in free mode so it’s automatically resize. And not possible to fix this. You can use single mode instead only.

    2 – Try this style in Appearance -> Customize -> Additional CSS field

    
    @media (max-width: 570px){
      .balkon_page_head_sec .section-title .sect-scroll-link {
         position: relative;
         bottom: 0;
       }
      .balkon_page_head_sec .section-title{
             padding-bottom: 20px;
       }
    }
    
    #25226

    atomicdesign
    Participant

    Supported
    This reply has been marked as private.
    #25247

    CTHthemes
    Keymaster

    1 – did you add this code: http://prntscr.com/km98v4
    Please remove it then the overlay error is fixed.

    2 – Would you show me the error?

    Thanks.

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.

Hello! CityBook version 1.2.7 was released. Bulk Import Add-On, OpenStreetMapView Details
+