Home Forums Pro Themes eMag Pro Sidebar and logo

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #39351
    romzalo
    Participant

    Hello. I need advice on how to edit the template, so when viewed on a mobile phone is not so narrow sidebar. Properly displayed only by clicking on a post or page. The display mode of posts on the main page, the sidebar is narrow. I also wanted to ask whether it is possible to place the logo to the left of the heading and not under it. Thank you! Web si here: ltcdecin.maweb.eu

    #39406
    wensolutions
    Keymaster

    Hello @romzalo,
    To manage the sidebar on a mobile view,please go to your Admin Dashboard > Appearance > Customize > Additional CSS and paste the below CSS.

    @media(max-width:768px){
    body.home.blog #secondary {
        width: 100%;
    }
    }

    We are not clear about the logo on the left of the heading as we only found the site title and tagline in the site URL you have provided to us.
    So, would you explain it clearly?

    Hope this helps,
    Best Regards!!

    #39677
    romzalo
    Participant

    Hello. The sidebar is now ok. Thank you very much. When you insert a logo into the page, the image appears under the page title. I need it to appear to the left of the page title. Please, visit the web: http://ltcdecin.maweb.eu/ Thank you.

    #39772
    wensolutions
    Keymaster

    Hello @ROMZALO,

    For the placement of the logo as you want use given CSS.

    Go to the location Admin Panel > Appearance > Customize < Additional CSS and paste below given CSS.

    .site-header .site-branding {
        width: 100%;
        display: inline-block;
    }
    .site-branding h1, .site-branding p, .site-branding a {
        display: inline-block;
    }
    .site-branding h1, .site-branding p {
        float: right;
    }
    
    @media (max-width:1023px){
    .site-header .wrapper-site-identity .site-branding{position:relative;width:auto !important;text-align: left;}
    p.site-description{
    	position: absolute;
        bottom: 35px;
        right: 30px;
    	}
    }
    
    @media (max-width: 400px){
    .site-header .wrapper-site-identity .site-title a{font-size:1.8rem;}
    }

    Hope this helps.

    If you have any issue further, please let us know.

    Best Regards

    #39813
    romzalo
    Participant

    Hello. The logo is already positioned correctly. But I need the page headline and site description to be aligned to the left.
    So … The logo to the left of the page title and the caption text and the label are also aligned to the left. Thank you.

    #39829
    wensolutions
    Keymaster

    Hello @ROMZALO,

    Please add below CSS to align the site title and tag line in the left .

    p.site-description {
        position: absolute;
        bottom: 35px;
        right: 55px !important;
    }
    .site-header .site-branding{
    	position:relative;
    	width:310px !important;
    }

    Hope this helps.

    Best Regards!!

    #39899
    romzalo
    Participant

    SUPER! This is it! Thank you very much. Roman

    #40029
    wensolutions
    Keymaster

    Hello @ROMZALO,

    Nice to know that the problem has been solved. If there are any further query, then, please feel free to post them.

    We will really appreciate if you could help us too by rating our theme in WordPress repo here:-

    https://wordpress.org/support/view/theme-reviews/emag

    Best Regards!!

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.