Best Premium and Free WordPress Themes › Forums › Mercantile › More narrow sidebar
- This topic has 14 replies, 2 voices, and was last updated 6 years, 11 months ago by acmethemes.
-
AuthorPosts
-
November 5, 2017 at 4:32 pm #21743maa821Participant
Hi,
could you help me to make the sidebar more narrow? My page is http://yackoni.hekko24.plregards
MartaNovember 6, 2017 at 5:29 am #21758acmethemesKeymasterPlease 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 #21778maa821ParticipantSorry – it dosn’t work 🙁 I would like to have left sidebar with menu more norrow.
November 7, 2017 at 4:45 am #21787acmethemesKeymasterPlease 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 #21795maa821ParticipantHi
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 #21797acmethemesKeymasterIt 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 #21800maa821ParticipantOk, 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 #21806maa821ParticipantHi,
I was deactivaed all plugin to restrict the mobile view. It doesn’t help…November 8, 2017 at 5:09 am #21818acmethemesKeymasterDear 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 #21829maa821ParticipantHi
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 #21845acmethemesKeymasterIf 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 #21847maa821ParticipantIf I remove the codes everything is ok. Exept the sidebar – isn’t norrow then:)
November 9, 2017 at 2:36 am #21851acmethemesKeymasterIf 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 #21876maa821ParticipantNow I’ve got left menu under the page…..
November 10, 2017 at 6:04 am #21901acmethemesKeymasterRemove 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.