Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Mobile optimization


Question

  • Answers 8
  • Created
  • Last Reply

Top Posters For This Question

8 answers to this question

Recommended Posts

  • 0

I already fix it! thanks, i used this css code! 

 

/* CSS FOR TABLET AND MOBILE */
@mobile:  ~"only screen and (max-width: 640px)";
@tablet:  ~"only screen and (min-width: 641px) and (max-width: 949px)";

/* CSS FOR TABLET */
@media @tablet {
/* Insert Code for Tablet Below This Line*/

/* Insert Code for Tablet Above This Line */
}

/* CSS FOR MOBILE */
@media @mobile {
/* Insert Code for Mobile Below This Line*/
#casa-talu-inicio img {
display: none;
}

#casa-talu-inicio .sqs-block-image img {
display: block;
}

#casa-talu-inicio {
background: url('https://images.squarespace-cdn.com/content/5effb4682ddef016da00919b/1594079046297-SVW9Q4V35LHJBYE0UYDC/Group+3.png?content-type=image%2Fpng');
background-repeat: no-repeat;
background-size: 100%;
}
/* Insert Code for Mobile Above This Line */
}

Link to post
  • 0
34 minutes ago, neverstopcruising said:

Hi,

When viewing my site on a mobile the title is not optimised and I thought this was done automatically, can anyone help. See attached screenshot showing the letter G on a new line.

Can you share link to page in screenshot? We can check easier.

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I'm seriously sick. Off some time.

Link to post
  • 0
19 hours ago, neverstopcruising said:

Sorry what do you mean, you want my website page?

https://neverstopcruising.squarespace.com

You can reduce font size on mobile only. Add to Home > design > Custom CSS

@media screen and (max-width:767px) {
span.site-title-text {
    font-size: 22px !important;
}
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I'm seriously sick. Off some time.

Link to post
  • 0
1 hour ago, tuanphan said:

You can reduce font size on mobile only. Add to Home > design > Custom CSS


@media screen and (max-width:767px) {
span.site-title-text {
    font-size: 22px !important;
}
}

 

Excellent. Thanks 

Link to post
  • 0

Hello,

I would like to know how I can have 2 mobile version for my website, one for the Iphones 6/7/8 and one for the Iphones X/XS/11/12

I cannot manage to do the media query properly. If someone can help me on that, that would be awesome

I have tried this but doest work

@media only screen and (max-width: 640px) and (max-height:811px)";
@media only screen and (max-width: 640px) and (min:height:812px)";

 

Edited by ArthurPrnt
Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...