Why is the site so narrow and not taking the full width of the screen? - Support

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

Author

Posts
April 2, 2018 at 3:51 pm #936110

bakbek
Participant

Hi, why is my site content is being displayed in such a narrow small space?

How can I make it take the full width of the screen or at least 90% of it?

Thanks.

April 3, 2018 at 4:22 am #936280

Rikard
Keymaster

Hey DROR,

I couldn’t reproduce that result on my end on a 13″ laptop, what type of screen are you on when seeing that?

Best regards,
Rikard

April 3, 2018 at 9:15 am #936387

bakbek
Participant

It’s a 23 inch screen. On my 13″ laptop it also looks OK but I want it to look OK on bigger screen aswell.

April 3, 2018 at 1:25 pm #936534
Victoria
Inactive Moderator
Hi bakbek,

Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
```
@media only screen and (min-width: 2000px) {
  #top .avia-section .container,
  #footer .container {
    width: 80vw;
    max-width: 80vw;
  }
}
```
If you need further assistance please let us know.

Best regards,
Victoria
April 4, 2018 at 3:16 pm #937209

bakbek
Participant

OK, I changed it to 70 and it seems great. Problem is that the menu is still very narrow.

And more importantly, why isn’t this working with the basic settings of the theme? Why do I need custom CSS to determine the width of the site and menus?

April 4, 2018 at 3:40 pm #937230

bakbek
Participant

Problem is still here when it comes to my Macbook display, how can I make it take full width or 90% width on such screens? It’s a macbook 13 inch. seems like the code is not working on it.

April 5, 2018 at 11:45 am #937633

Victoria
Inactive Moderator

Hi bakbek,

The code I gave you will work on screens bigger than 2000px, it is not for 13inch macs, I thought that’s what you needed as per your thread above.

You can set the width of the container in the theme options here

If you need further assistance please let us know.
Best regards,
Victoria

April 6, 2018 at 12:10 am #937954

bakbek
Participant

I have that already setup in the theme settings but on my macbook the site is not taking the full width of the screen and it messes up with how everything looks… how can I make it take 90% of the width of the screen on macbook so the site will look the same is does on bigger screens?

April 9, 2018 at 6:10 am #938955
Victoria
Inactive Moderator
Hi bakbek,

Try this code:
```
@media only screen and (min-width: 990px) and (max-width: 1999px) {
  #top .avia-section .container,
  #footer .container {
    width: 90vw;
    max-width: 90vw;
  }
}
```
If you need further assistance please let us know.
Best regards,
Victoria
April 9, 2018 at 4:34 pm #939301

bakbek
Participant

Got it. Thanks!

April 10, 2018 at 8:42 am #939705

Ismael
Moderator

Hi,

Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)

Best regards,
Ismael
Author

Posts

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

The topic ‘Why is the site so narrow and not taking the full width of the screen?’ is closed to new replies.