Home Forums Themes Support Claue problems with header layout 4 on mobiles

This topic contains 3 replies, has 2 voices, and was last updated by  Harry 2 weeks, 2 days ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #35114

    im using the header layout 4 as mentioned http://support.janstudio.net/forums/topic/change-search-bar/

    its fine on the PCs but on mobiles the header doesnt render correctly, logo search bar and all icons are overlapping, please see here http://prntscr.com/qxbwoa

    how can i correct this?

    Site URL: https://ratansonline.com/

     

    #35115

    Hi,

    Please add more code to Claue > Theme Option > General Layout > Custom CSS

    @media only screen and (max-width: 736px) {
    .header__mid .jas-row {
    	position: relative;
    }}

    Kind regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    #35116

    Thanks harry,

    just one more thing, http://prntscr.com/qxilyi

    1. i want to remove the top bar on mobile
    2. hide one block on mobile as in the screenshot.

    also, i do not see the My Account Icon on the mobile.

    #35117

    Hi,

    Please change prev code to

    @media only screen and (max-width: 767px) {
    .header__mid .jas-row {
    	position: relative;
    }
    .header__top {
    	display: none;
    }
    .vc_custom_1558731800109 {
    	display: none;
    }
    .header__mid .jas-row a.cb.chp.db {
    	color: #fff;
    }}

    The account icon will show when you click on menu button on mobile.

    Btw, your support expired. Please renew your support at https://themeforest.net/item/claue-clean-minimal-woocommerce-theme/18929281 that will help us continue develop new features and improve our theme.

    Thank and best regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

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

You must be logged in to reply to this topic.