Topic: Side margins to text and images when seen on a mobile. « SeaTheme

This topic has 8 replies, 2 voices, and was last updated 10 years, 10 months ago by SeaTheme.

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

Author

Posts
August 11, 2015 at 8:27 pm #8082

KASPER HANSEN
Participant

My website has no margins on the sides of text and images when viewed on a mobile. Is there any way of having a little space to make text and images be on the page rather than stuck to the sides?

Thanks again, K

WordPress Customization Service from $49 Only! Save your expensive time!

August 12, 2015 at 12:13 am #8084

SeaTheme
Keymaster

Purchased
Expired

Please leave your page url. I don’t know which section you talked.

Cheers!
Bwsm – uiueux.com

WordPress Customization Service from $49 Only! Save your expensive time!

August 12, 2015 at 9:47 am #8092

KASPER HANSEN
Participant

This reply has been marked as private.

WordPress Customization Service from $49 Only! Save your expensive time!

August 12, 2015 at 11:59 am #8093

SeaTheme
Keymaster

Purchased
Expired

Did you talk about the logo and text of page loader? when I visit your site firstly, there is text on loader, but it gone when I visited sencondly. Please try to use the css is for hiding text of loader
#logo-loading h1.logo-h1 { display: none !important; }

WordPress Customization Service from $49 Only! Save your expensive time!

August 13, 2015 at 6:49 am #8095

KASPER HANSEN
Participant

This reply has been marked as private.

WordPress Customization Service from $49 Only! Save your expensive time!

August 13, 2015 at 7:00 am #8100

KASPER HANSEN
Participant

Also another questions,
This might also be tricky. I would like to avoid the three images in each project page to become cleaner when seen on a narrow screen. At the moment when seen on wide they organise them three next to each other and when seen on a narrow screen/window they organise themselves into two at the top and one below.

Is there anything to do preventing that? Maybe only allow it to show the two? Organise them three on top of each other? Or three smaller next to each other?

Thanks again again

WordPress Customization Service from $49 Only! Save your expensive time!

August 13, 2015 at 8:45 am #8101
SeaTheme
Keymaster

Purchased
Expired
Please login wp-admin, go to Theone / General Settings / Custom Css
Paste the style code to Custom Css (or paste the last line of style.css):
```
@media (max-width: 979px) and (min-width: 769px) {
.responsive-ux .fullwrap-inn-width-80 {
    width: 80%;
}
}
@media (max-width: 768px)  {
.responsive-ux .fullwrap-inn-width-80 {
    width: 90%;
}
}
```
WordPress Customization Service from $49 Only! Save your expensive time!

August 13, 2015 at 8:55 am #8103

SeaTheme
Keymaster

Purchased
Expired

This might also be tricky. I would like to avoid the three images in each project page to become cleaner when seen on a narrow screen. At the moment when seen on wide they organise them three next to each other and when seen on a narrow screen/window they organise themselves into two at the top and one below.

Is there anything to do preventing that? Maybe only allow it to show the two? Organise them three on top of each other? Or three smaller next to each other?

WordPress Customization Service from $49 Only! Save your expensive time!

August 13, 2015 at 8:59 am #8105
SeaTheme
Keymaster

Purchased
Expired
Please try to use the css to hide 3rd image.
```
@media (max-width: 1199px)  {
body.single-format-gallery .isotope .isotope-item:last-child    {display: none;}
}
```
——

If it doesn’t work, please leave your wp-admin(url/user/pass) as private reply, I’ll log in to check it.
WordPress Customization Service from $49 Only! Save your expensive time!
Author

Posts

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

You must be logged in to reply to this topic.