Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #153144
    Timbrewolf
    Participant

    I added the below code to adjust the logo position on my site which works in desktop view but not in media view on my site http://kentparanormal.com. Can you please assist with the code I need to add to correct this?
    *************************************************
    #site-branding,
    #masthead,
    #masthead .wrapper,
    .sidebar-header-right {
    padding: 0;
    }

    @media
    screen and (max-width: 990px) {
    .sidebar-header-right { margin-top: -55px; }
    }
    *****************************************************
    Thanks

    #153166
    Skandha
    Participant

    @timbrewolf: I checked your site and the logo seems to be showing up well. Can you explain how would you like to change the position of the logo?

    Kind Regards,
    Skandha

    #153172
    Timbrewolf
    Participant

    Hi Skandha

    Website view ok but in mobile phone view there is a gap above logo and also not full width.

    Not sure how this will effect the menu button on left top (faint grey)?

    Thanks
    timbrewolf

    #153396
    Skandha
    Participant

    @timbrewolf: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .logo-right #site-header {
    	padding-top:0;
    }
    @media screen and (max-width:480px) {
    	.mobile-menu-one #site-branding {
    		width:calc(100% - 30px);
    	}
    }
    @media screen and (min-width:481px) and (max-width:990px) {
    	.mobile-menu-one #site-branding {
    		width:calc(100% - 40px);
    	}
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #153562
    Timbrewolf
    Participant

    Thanks Skandha that’s fixed it.

    #153580
    Skandha
    Participant

    @timbrewolf: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
    https://wordpress.org/support/theme/catch-base/reviews/#new-post
    Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help,
    don’t hesitate to let me know. Have a good day! 🙂

    Kind Regards,
    Skandha

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Catchbase Pro Adjust Header Logo In Mobile View’ is closed to new replies.