Best Premium and Free WordPress Themes › Forums › Mercantile › More narrow sidebar
- This topic has 14 replies, 2 voices, and was last updated 7 years, 3 months ago by
acmethemes.
-
AuthorPosts
-
November 5, 2017 at 4:32 pm #21743
maa821
ParticipantHi,
could you help me to make the sidebar more narrow? My page is http://yackoni.hekko24.plregards
MartaNovember 6, 2017 at 5:29 am #21758acmethemes
KeymasterPlease add the below CSS codes on
Appearance > Customize > Additional CSS
:-.image-slider-wrapper.responsive-img{ height: 56vh !important; }
Hope this helps.
Regards
November 6, 2017 at 4:55 pm #21778maa821
ParticipantSorry – it dosn’t work 🙁 I would like to have left sidebar with menu more norrow.
November 7, 2017 at 4:45 am #21787acmethemes
KeymasterPlease add this below CSS to make sidebar narrow.
.secondary-sidebar { width: 20% !important; } #primary { width: 79.5% !important; }
Hope this helps.
Regards
November 7, 2017 at 9:51 am #21795maa821
ParticipantHi
Sidebar is more norrow – thank you but now it doesn’t look good on mobile Phone.on mobile the menu should be on the bottom – like IT was earlier
MartaNovember 7, 2017 at 10:17 am #21797acmethemes
KeymasterIt seems that you added the plugin to restrict the mobile view. Can you please check such plugin and deactivate it once?
T
November 7, 2017 at 10:49 am #21800maa821
ParticipantOk, I will check the plugin. Could you also help me with the menu on sidebar? Why can’t I have listed menu on sidebar? with page and subpage? Every subpage was displayed as a page- hope you underground my problem
MartaNovember 7, 2017 at 6:22 pm #21806maa821
ParticipantHi,
I was deactivaed all plugin to restrict the mobile view. It doesn’t help…November 8, 2017 at 5:09 am #21818acmethemes
KeymasterDear maa821,
Please check our demos first on your mobile phone. I think you will see the different layout on mobile phone respect to your own website. It means that you have edited any theme codes or it’s about the plugin. You already mentioned that there is no any plugin installed for such thing, so please replace the theme folder with new one. Hope, it helps. If not, please contact us via the contact section.November 8, 2017 at 9:38 am #21829maa821
ParticipantHi
My page looks on mobile like your demo – but when I added this code :
.secondary-sidebar {
width: 20% !important;
}
#primary {
width: 79.5% !important;
}
The sidebar is more norrow but ten the page on mobile doesn’t look ok.
Is it possible that this code made this problem?
MartaNovember 8, 2017 at 2:44 pm #21845acmethemes
KeymasterIf you remove the codes, is your mobile view looks fine? or your mobile design still looks not good even you remove the above codes?
November 8, 2017 at 7:13 pm #21847maa821
ParticipantIf I remove the codes everything is ok. Exept the sidebar – isn’t norrow then:)
November 9, 2017 at 2:36 am #21851acmethemes
KeymasterIf so, please use media query for it. Please add the below CSS codes,
@media only screen and (min-width: 760px) { secondary-sidebar { width: 20% !important; } #primary { width: 79.5% !important; } }
Hope this helps. Please try.
Thank youNovember 9, 2017 at 4:09 pm #21876maa821
ParticipantNow I’ve got left menu under the page…..
November 10, 2017 at 6:04 am #21901acmethemes
KeymasterRemove the above one and add this,
@media only screen and (min-width: 760px) { secondary-sidebar { width: 18% !important;} #primary { width: 79.5% !important; } }
-
AuthorPosts
- You must be logged in to reply to this topic.