mobile text sizing not working

[mas00]

I have a page where I am trying to change the text size on mobile view and it does NOT change. Is this an issue with CSS or JS files? This is the last thing I need to change before I publish my website live .

div class=”module-inside” style=”–height-group:90vh; –height-group-m:60vh;”>

<div id=”” class=”module col-12 module-id-1569485161691″ data-module-col=”12″>
<div class=”module-inside ” style=”margin-top:80px; –margin-top-mod-m:60px;ottom:40px; –margin-bottom-mod-m:20px;”>
<div class=”text_block_out ” data-animationend=”fadeined” data-effect=”standard”>
<div class=”text_block ux-mod-nobg”>
<div class=”text_block_inn”>
<div class=”text_block_centered”>
<h4 style=”line-height: 1.3; color:#414145; font-size: 6vw; –font-size-m:10.5vw;”>Museum of Modern Mars</h4>
</div>
</div>
</div>
</div>
</div>
</div><!–End module–>

<div id=”” class=”module col-11 module-id-1569464613488″ data-module-col=”11″>
<div class=”module-inside ” style=”margin-top: 0px; margin-bottom: 80px; –margin-top-mod-m: 40px; –margin-bottom-mod-m: 20px;”>
<div class=”text_block_out ” data-animationend=”fadeined” data-effect=”standard”>
<div class=”text_block ux-mod-nobg”>
<div class=”text_block_inn”>
<div class=”text_block_centered ” >
<p>
<span style=”font-size:38px; –font-size-m:28px; color:#414145;”>is a group of researchers and creatives focusing on the conditions surrounding museological and archival practices along with re-thinking historical narratives.
</span>

[SeaTheme]

HI,
It should should be double dashes.
Please try to use
--font-size-m:28px;
instead of
‘–font-size-m:28px;’

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[mas00]

when I add double dashes the font size no longer is capable of changing sizes. It just stays the same size both on desktop and mobile

[SeaTheme]

I need to check the issued webpage, please leave the issued webpage URL, thanks

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[mas00]

These are the issues I’m having with mobile. Please delete this thread when done because I don’t want SEO to come up in searching for my website.

1. mobil text that I mentioned above.

2. Mobile text sizing of the grid item. When I change the size it changes in other areas I can’t figure out how to just change this size for mobile: https://tomasvmoreno.com/

3. Footer on Contact page will not stay on bottom on mobile size. It is in the middle of the page.
https://tomasvmoreno.com/Contact.html

4. I have worked with my web hosting and they configured the back end and I upload the PHP files to forward emails to my gmail account. When I hit send it just say sending, nothing happens. It does not work.

[SeaTheme]

Hi,

1. the media query size should be 767 in custom.css

2. set font-size for mobile here: https://www.dropbox.com/s/3p9tc7f0zwaofyt/WX20230708-073245.png?dl=0
(ps: please search --fontsize-grid-title-m on the DOC file to learn about other options)

3. add the CSS on contact page:

@media (max-width: 768px){
 .bm-builder {
    min-height: calc(100vh - 80px);
 }
}

4.
a) Check your mailbox firstly, It may be moved to the spam
b) Contact your host support-guy if the mail server is enabled

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[mas00]

Alright I’m pretty frustrated at this point because none of your instructions worked and now that I changed the media query size should be 767 in custom.css things broke. You cannot add the CSS script on the contact html page.

Now on mobile everything is broken, the menu text is too small not like it was before and when I change the font size the line height changes.

Also one each page of my art pages now the arrows are misaligned and I can’t see the titles for them. I cannot find a way to push the grid down to see the titles and next/previous titles.

[mas00]

I also have issues with the filtering. Why does the filter duplicate?

[SeaTheme]

Hi,
You can add CSS for fixing contact page to custom.css
Please leave the issued filter page URL, you can check the filter section on DOC also.

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[mas00]

I am not a developer, just a designer. I’am trying my best I have read the doc through and through. I have changed/edit some of template for my needs of my art website.

The main problem I have is desktop does not translate to mobile. Even when I add in html/css in the files. I have almost everything I need done.

1: This filter doesn’t work. It has a bugs: https://tomasvmoreno.com/Work.html

Only All and Archive work. The rest are broken, duplicate for example when I press ‘Collage” 3 times it keeps filtering the same image multiple times.

2. I had to change the bootstrap col-xs-6 .module.col 6 width to 100% to fix other issues that were broken but now my design is broke on all these pages. How to I get the right arrow above the right title? Before they were aligned because the bootstrap col-xs-6 .module.col 6 width was 50% both desktop and mobile are now broken (https://tomasvmoreno.com/A%20Hip%20Alphabet.html)

I still cannot change the mobile font size: https://tomasvmoreno.com/news.html
when I do nothing happens. When I change the main font it changes the mobile size. The footer is also not on the bottom, you have to scroll to get to it where as before you didn’t have to.

The only last thing I can’t seem to understand is when I test on android phone, there is a big margin on the right hand side. The whole webpage shifts right but not left . You can see on mobile here the same page: https://tomasvmoreno.com/A%20Hip%20Alphabet.html
It does it for all the artwork pages, but not anything else.

[mas00]

I have fixed #2 however now the hyperlink for the icon arrow and title text will not work!

https://tomasvmoreno.com/A%20Hip%20Alphabet.html

See “Invisible Warmth” the icon arrow as well they will not go to the desired hyperlink.

[mas00]

Also how do I stop the title text from overlapping on mobile?
https://tomasvmoreno.com/My%20Pops%20(Sacrifice).html

How do I make the mobile div smaller so the title text breaks and not over laps?

[SeaTheme]

Hi,
1. I tested the HTML codes on my local, did not reproduce this issue.
You can try to restore all JS files to test again.
If there is still the issue, please send the HTML file zip(excludes the image files) via a cloud disk. I will check your files.

2. Use chassName “keep-origin-layout-mobile”, please refer to the HTML tree:

<div class="module col-12 bm-wrap keep-origin-layout-mobile">
<div class="module-inside "> 
<div id="" class="module col-6 module-id-1578025671039 moudle_has_animation" data-module-col="6">
...
<div id="" class="module col-6 module-id-1578025671040 moudle_has_animation" data-module-col="6">

Also how do I stop the title text from overlapping on mobile?
https://tomasvmoreno.com/My%20Pops%20(Sacrifice).html
How do I make the mobile div smaller so the title text breaks and not over laps?

Please give me more tips. It is better to understand it if you paste a screenshot, thanks.

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[Author]

Posts