Home › Forums › ART HTML5 Template › mobile text sizing not working

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • July 5, 2023 at 7:00 pm #29734
    mas00
    Blocked
    Purchased
    Expired

    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>

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

    July 6, 2023 at 2:21 am #29737
    SeaTheme
    Keymaster
    Purchased
    Expired

    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

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

    July 6, 2023 at 2:46 pm #29741
    mas00
    Blocked
    Purchased
    Expired

    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

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

    July 7, 2023 at 12:19 am #29743
    SeaTheme
    Keymaster
    Purchased
    Expired

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

    Regards!
    SeaTheme – FAQs – WordPress Customization – Facebook

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

    July 7, 2023 at 1:38 pm #29745
    mas00
    Blocked
    Purchased
    Expired

    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.

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

    July 7, 2023 at 11:39 pm #29748
    SeaTheme
    Keymaster
    Purchased
    Expired

    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

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

    July 8, 2023 at 3:19 am #29749
    mas00
    Blocked
    Purchased
    Expired

    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.

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

    July 8, 2023 at 12:07 pm #29750
    mas00
    Blocked
    Purchased
    Expired

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

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

    July 8, 2023 at 2:36 pm #29751
    SeaTheme
    Keymaster
    Purchased
    Expired

    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

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

    July 8, 2023 at 9:32 pm #29752
    mas00
    Blocked
    Purchased
    Expired

    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.

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

    July 9, 2023 at 1:42 am #29753
    mas00
    Blocked
    Purchased
    Expired

    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.

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

    July 9, 2023 at 1:45 am #29754
    mas00
    Blocked
    Purchased
    Expired

    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?

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

    July 9, 2023 at 3:30 pm #29755
    SeaTheme
    Keymaster
    Purchased
    Expired

    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

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

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.