More narrow sidebar - Acme Themes

This topic has 14 replies, 2 voices, and was last updated 6 years, 5 months ago by acmethemes.

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

Author

Posts
November 5, 2017 at 4:32 pm #21743

maa821
Participant

Hi,
could you help me to make the sidebar more narrow? My page is http://yackoni.hekko24.pl

regards
Marta

November 6, 2017 at 5:29 am #21758
acmethemes
Keymaster
Please 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 #21778

maa821
Participant

Sorry – it dosn’t work 🙁 I would like to have left sidebar with menu more norrow.

November 7, 2017 at 4:45 am #21787
acmethemes
Keymaster
Please 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 #21795

maa821
Participant

Hi
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
Marta

November 7, 2017 at 10:17 am #21797

acmethemes
Keymaster

It 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 #21800

maa821
Participant

Ok, 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
Marta

November 7, 2017 at 6:22 pm #21806

maa821
Participant

Hi,
I was deactivaed all plugin to restrict the mobile view. It doesn’t help…

November 8, 2017 at 5:09 am #21818

acmethemes
Keymaster

Dear 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 #21829

maa821
Participant

Hi
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?
Marta

November 8, 2017 at 2:44 pm #21845

acmethemes
Keymaster

If 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 #21847

maa821
Participant

If I remove the codes everything is ok. Exept the sidebar – isn’t norrow then:)

November 9, 2017 at 2:36 am #21851
acmethemes
Keymaster
If 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 you
November 9, 2017 at 4:09 pm #21876

maa821
Participant

Now I’ve got left menu under the page…..

November 10, 2017 at 6:04 am #21901
acmethemes
Keymaster
Remove the above one and add this,
```
@media only screen and (min-width: 760px) {
 secondary-sidebar {
width: 18% !important;}
#primary {
width: 79.5% !important;
}
 }
```
Author

Posts

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

You must be logged in to reply to this topic.