Blog, Website & Page Publishing

viktoriia17
参加者

Space for the webpage - mobile

解決

Hi there,

 

Please help me to fix the issue with space on the left for the webpage on mobile. The screenshot is below. 

 

Webpage: https://www.enavate.com/customers

 

Thank you so much,

Viktoriia

 

Screen Shot 2019-04-30 at 2.24.49 PM.png

 

 

 

 

 

 

0 いいね!
1件の承認済みベストアンサー
Bryantworks
解決策
キーアドバイザー | Diamond Partner
キーアドバイザー | Diamond Partner

Space for the webpage - mobile

解決

Hey @viktoriia17 

 

I checked out your sites CSS and it seems that there aren't any mobile queries.  You could add something like the following to potentially fix this:

 

@media only screen and (max-width: 600px) {
  body {
    padding: 20px;
  }
}

With this added in my browser I get the following:

Customers _ ENAVATE - Google Chrome 2019-05-01 09.05.28.png

It still looks like you'll have to update the header and menu hamburger too, but you can alter the above CSS to get your desired results.

 

Hope this helps!

Chris Bryant | Your Dedicated HubSpot Expert

元の投稿で解決策を見る

4件の返信
Bryantworks
解決策
キーアドバイザー | Diamond Partner
キーアドバイザー | Diamond Partner

Space for the webpage - mobile

解決

Hey @viktoriia17 

 

I checked out your sites CSS and it seems that there aren't any mobile queries.  You could add something like the following to potentially fix this:

 

@media only screen and (max-width: 600px) {
  body {
    padding: 20px;
  }
}

With this added in my browser I get the following:

Customers _ ENAVATE - Google Chrome 2019-05-01 09.05.28.png

It still looks like you'll have to update the header and menu hamburger too, but you can alter the above CSS to get your desired results.

 

Hope this helps!

Chris Bryant | Your Dedicated HubSpot Expert
viktoriia17
参加者

Space for the webpage - mobile

解決

Hi,

 

Yes, this looks good and helpful! Thank you so much for that! What about creating these queries only for the body, not the header and footer? Is there any specific settings for that?

 

Thank you again,

Viktoriia

0 いいね!
Bryantworks
キーアドバイザー | Diamond Partner
キーアドバイザー | Diamond Partner

Space for the webpage - mobile

解決

Hey @viktoriia17 

 

The query that I posted above is just for the body only.  If you wanted to target elements in your header like your logo you would do something like:

 

@media only screen and (max-width: 600px) {
  .custom-logo {
    padding: 20px;
  }
}

 

Chris Bryant | Your Dedicated HubSpot Expert
viktoriia17
参加者

Space for the webpage - mobile

解決

Okay, got it! thank you so much! Will use that.