How to make the theme fullscreen?
Home › Forums › Spacious Free › How to make the theme fullscreen?
This topic contains 13 replies, has 4 voices, and was last updated by Rajesh 4 months, 1 week ago.
- AuthorPosts
- September 24, 2018 at 4:27 am #1387063
Hello,
Right now the theme has white sides and is in the middle. I’d like to make the theme fullscreen, so that it fills out all the white background. How can I do it?
Thanks!
September 24, 2018 at 4:40 am #1387256@ernestszafinx
Can you visit Appearance-> Customize -> Design -> Site Layout section and select Wide layout with content width of 1218px and check?
Thanks.
September 25, 2018 at 3:51 am #1387347@Nitu Shrestha
I did, but 1218px is not the entire page. My monitor is 1920px and there is a lot of space left on the sides. Is it possible to make full width for larger screens as well?
As you can see, here it is full screen – https://themegrill.com/wp-content/uploads/2016/05/spacious-promo-image.png
September 25, 2018 at 5:34 am #1387415Hi ernestszafinx,
Can you try the CSS below by adding it to the additional CSS box via Appearance-> Customize -> Additional CSS.
.wide-1218 #featured-slider .slider-cycle { max-width: 100%; } .wide-1218 #featured-slider .slider-cycle img { width: 100%; }
And also don’t forget to choose Wide layout with content width of 1218px.
Hope this will be helpful to you.
Regards,
ThemeGrill SupportSeptember 26, 2018 at 3:55 am #1387477@Nilan
Hi, it worked, but there is another issue – the height of the slider is now over TG:Services widget. Is it possible to put TG:Services a bit lower, so that it doesn’t go over it? Here’s how it looks: http://prntscr.com/kyn5qy
Thanks!
September 26, 2018 at 4:18 am #1387540Hi ernestszafinx,
Can you provide us URL for your website so that we can inspect it and give you a proper solution?
Regards,
ThemeGrill supportOctober 2, 2018 at 3:54 am #1388173Hi @Nilan
It works now, I don’t know what I did wrong before… Thank you!
One thing that I would like to change, though, would be moving my logo to the left side of the screen. Right now it’s not completely on the left side, but still remains where it used to be. It looks like this: http://prntscr.com/l0yeyj
Is it possible to move it?
October 2, 2018 at 4:50 am #1388260Hi @ernestszafinx,
You can move the logo to the left of the screen by using the following CSS:
@media only screen and (min-width : 1500px) { .wide-1218 .inner-wrap { max-width: 96%; } }
Thanks.
October 3, 2018 at 3:57 am #1388293Hello, @Rajesh
The code worked and it did move the logo to the left, however, it also increased the size for the rest of the page. Is it possible to move it without the whole page becoming bigger?
October 3, 2018 at 4:30 am #1388381Hi ernestszafinx,
Please copy the CSS code and replace it with the CSS code that we’ve provided before by Rajesh.
@media only screen and (min-width : 1500px) { .wide-1218 #header-text-nav-container .inner-wrap { max-width: 96%; } }
This should do the trick.
Regards,
ThemeGrill SupportOctober 10, 2018 at 4:00 am #1389123@Nilan
Thank you, it worked! But, there is an issue…
On a mobile phone, the header is very small and does not fit the ”Subscribe” button. Here is a screenshot – https://imgur.com/rCmSGZr
Is it possible to fix this?
October 10, 2018 at 4:20 am #1389229Hi @ernestszafinx,
You can insert the below mentioned code to show the subscribe button in the mobile device. You can go to the Appearance > Customize > Additional CSS: in the dashboard and insert the code mentioned below:
@media screen and (max-width: 420px) { #featured-slider .slider-read-more-button { display: block; } }
Thanks.
October 12, 2018 at 3:56 am #1389498Hello @Rajesh,
Thank you, it worked! Would it be possible to make it a bit bigger on the phone? A bit more vertical, so it fills out more of the homepage, because right now it seems quite tiny.
October 12, 2018 at 4:12 am #1389552Hi @ernestszafinx,
You can insert the
font-size: 15px;
below thedisplay: block;
in the recently provided code to make the font bigger. You can change the font size according to your specification.Thanks.
- AuthorPosts
You must be logged in to reply to this topic.