Home Forums Consulting – Business WordPress Theme Customization for the mobile view

Tagged: , ,

This topic contains 4 replies, has 2 voices, and was last updated by  Axel 6 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #4734

    I am using the http://consulting.stylemixthemes.com/five/ theme for my website tristhaglobal.com Would want to customize the mobile view, changes required are below:

    1. Logo – The Logo is huge and does not look good on mobile. Would like to make it smaller (but only for the mobile view) [Logo is at https://prnt.sc/fxaszc%5D
    2. Text size of the content – As seen in https://prnt.sc/fxasnk the text size is huge and would like to make it smaller for the mobile view. It is perfectly fine if that change affects content from other pages on my site.
    3. Footer Customization: Please refer https://prnt.sc/fxav3y Would like to remove search box from the footer. Also, would like to increase the font size of the links shown in the footer.

    Do let me know if any further information is required.

    #4736

    Along with these requests, also please share the custom CSS code to changes the size of images in the mobile view.

    #4739

    Axel
    Moderator

    1-2. Please try to use custom CSS like below:

    @media only screen and (max-width: 991px){ 
    body .mobile_header .logo_wrapper .logo a img { 
        width: 170px !important; 
        height: 70px !important; 
    }
    
    body {
        font-size: 14px;
    }
    }

    3. You need to remove Search widget from footer columns under Appearance -> Widgets section.

    4. The theme crops images and displays them on mobile view by default. Using custom CSS can distort the images quality.

    Regards

    #4794

    Q. The theme crops images and displays them on mobile view by default. Using custom CSS can distort the images quality.
    A. Can you still provide me a solution, since I have only couple of images (with less text) so I am ok if it gets distorted. Please share the custom CSS

    Please provide solution to the following problem:

    Text size of the content – As seen in https://prnt.sc/fxasnk the text size is huge and would like to make it smaller for the mobile view. It is perfectly fine if that change affects content from other pages on my site. This is applicable for the content on all the pages used in the website (only for mobile view).

    #4796

    Axel
    Moderator

    Please open a ticket with an example page and we will provide you needed custom CSS. Also, please try to use this custom CSS for changing text size on mobile view:

    @media only screen and (max-width: 991px) { 
       body { font-size: 18px !important; } 
    }

    Regards

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

You must be logged in to reply to this topic.