- This topic has 3 replies, 2 voices, and was last updated 7 years, 1 month ago by
.
Hello, I was unable to use the full width section setting so i put this code in style.css from another topic of someone who had the same issue.
”
.container.entry-content {
width: 100% !important;
max-width: 100% !important;
}”
The code fixes the problem of not being able to use full screen width but it adds a horizontal scrollbar to the page which has the full width section.
Upon using google chrome inspector, it seems like there is some extra padding on the right side of the full width section which causes the to page to be wider than the browser window; thus causing the horizontal scrollbar.
website: http://robertamante.tristanglaw.com/
Solution for this topic
Hi @tristan,
I hope you are well today and thank you for your question.
Could you please try changing above shared CSS code as following?
.container.entry-content { width: 100% !important; max-width: 100% !important; overflow: hidden; }Best regards,
Shufflehound teamI’ve added the extra css and it fixed the problem.
Thank you very much!
You are most welcome here 🙂
