Customization for the mobile view

Started by: Himanshu Jagdish Sheth July 18, 2017 - 19:04

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]
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.

Replies:

  • #4736 Reply

    Himanshu Jagdish Sheth
    Along with these requests, also please share the custom CSS code to changes the size of images in the mobile view.
    Author Team
    #4739 Reply

    Axel
    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 Reply

    Himanshu Jagdish Sheth
    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).

    Author Team
    #4796 Reply

    Axel
    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

You must be logged in to reply to this topic.