Return to previous page

Problems with responsive divs - by doolylol

This topic has 9 replies, 4 voices, and was last updated 10 years, 8 months ago ago by Eva Kemp

doolylol

Participant

April 23, 2015 at 09:42

Hello guys

I’m having trouble with my divs. I have created a custom front page, and there i have some divs, that display different categories – but on mobile they look horrible. I tried using media queries, but it’s like the theme doesnt respond to them.

I would also like to hide the sidebar menu on mobile. Any suggestions?

#58945 Copied

8 Answers

Robert Hall

Participant

April 23, 2015 at 10:00

Hello,

Could you please clarify with more details and show us screenshots?
Also please provide us with wp-admin access in Private Content.

Regards,
Robert Hall.

#58951 Copied

doolylol

Participant

April 23, 2015 at 10:40

The div’s still take on the same proportions as on pc. I would like them to have a width of 100% – instead of the specified 33% on PC.

Please, contact administrator
for this information.

#58965 Copied
Brian Johnson

Member

April 23, 2015 at 11:48
Hello
1. Please clarify your request with what you exactly would like to achieve.
2.Please close your css tag for .fontawesome-text {display: none; and add following code into the style.css of your Child Theme:

@media (max-width: 767px) { .sidebar{ display:none!important;; }}

With best regards
Brian Johnson
#59023 Copied
doolylol

Participant

April 23, 2015 at 13:56

I feel like an idiot, everything else works now – i forgot to close the css tag 🙂

Only thing i can’t seem to get rid of is the sidebar?

#59087 Copied
Eva Kemp

Participant

April 23, 2015 at 14:12
Hello,

To hide sidebar on mobile use this code in custom.css file:

@media (max-width: 480px) {.sidebar-position-left.responsive-sidebar-bottom .sidebar-right { display: none !important; }}

Regards,
Eva Kemp.
#59132 Copied
doolylol

Participant

April 23, 2015 at 14:37

Hi Eva

Thanks for your fast reply – but it is still not working 🙁

#59156 Copied

doolylol

Participant

April 23, 2015 at 14:43

Okay, figured it out. I just needed to target the .sidebar-widget class 🙂 Thanks for all your help.

#59158 Copied

Eva Kemp

Participant

April 23, 2015 at 14:57

Hello,

You’re welcome.

Regards,
Eva Kemp.

#59167 Copied
Viewing 9 results - 1 through 9 (of 9 total)