I want to increase the size of the header logo on mobile.

  • Posted in : Endustry
  • virdharainfotech@gmail.com
    Participant

    I am creating a website in which the client requires a clear size of the logo. It appears clear on desktop but its size appears very small on mobile which looks very bad. It is a perfect size on desktop but its size is even smaller on mobile. I want to enlarge the size of that logo. So please give me any option through which the size of the logo in mobile will be enlarged.

    serkan
    Moderator

    Hi,
    You can use this custom css code;

    @media screen and (max-width: 991px) { .site-title img { max-height: 74px; } }

    Thanks

    virdharainfotech@gmail.com
    Participant

    Using This Code increases the size of the logo in the header but does not increase the size of the main header. I want to increase the size of its header so that the logo can be set properly inside the header.
    So, give me a solution so that the header size becomes larger and the logo can also be easily enlarged.
    this image is about the problem in mobile view.
    https://postimg.cc/PPDg0Q8f

    serkan
    Moderator

    Hi,
    Please go to dashboard > appearance > customize > site identity >you can adjust the image logo height mobile and logo margin mobile and save it.
    Thanks

    virdharainfotech@gmail.com
    Participant

    I tried this too, but it still doesn’t solve the problem. so give any other option for solved this problem.

    serkan
    Moderator

    Hi,
    Could you please provide me your wp admin details via our private content box below?
    Thanks

    virdharainfotech@gmail.com
    Participant

    Also there is one more issue we are facing, as shown in images given (in the link) the red line is appearing but we were not able to locate it, also the word “Overview”, pls help us locate that line and remove it as it not showing properly in the mobile view.

    https://postimg.cc/c6N7jL4h [Desktop View]
    https://postimg.cc/G8ZbMf1g [Mobile View]

    serkan
    Moderator

    Hi,

    I will forward your first request to our developer and i will keep you updated.

    Second request. When I tried to access the website you shared, I encountered the following error message:

    “Since postimg.cc uses HSTS (HTTP Strict Transport Security), I’m currently unable to visit the site. Network errors and attacks are usually temporary, so this page will likely work again later.”

    For your reference, could you please upload the image to another platform? I’d really appreciate it.

    Thank you in advance for your help!

    virdharainfotech@gmail.com
    Participant

    https://postimg.cc/c6N7jL4h [Desktop View]
    https://postimg.cc/G8ZbMf1g [Mobile View]

    Please provide two solutions: one, the mobile view logo is very Small. Second, how to remove the red line on the home page slider.

    Thank you for your valuable support.

    serkan
    Moderator

    Hi,
    I added this custom css code for removing the red line,

    .bdt-prime-slider-skin-crelly .bdt-slider-excerpt:before { display: none; }

    In the customizer, i chose the logo bigger. The logo protrudes from the header line. But in order to enlarge the menu, a lot of changes have to be made in the background. It is not a change to be made with one or two css codes and your design looks good in this way.
    Thanks

    virdharainfotech@gmail.com
    Participant

    https://postimg.cc/S2rdxjHD

    As shown in the screenshot in above link logo is coming out of the header, we want the header to extend along with logo.

    Pl fix it and explain us where to change in the code to make it happen for our future reference.

    Thanks for your active support

    ahmetsali
    Keymaster

    Hi, you can use this custom css code to increase the height of the header on mobile;

    .menu-toggle {
        height: 82px;
    }
    
    virdharainfotech@gmail.com
    Participant

    Yes, This code is working.

    Thank you for your valuable support.

    serkan
    Moderator

    You are welcome :) We’d be very happy if you can spare a minute to rate the theme on ThemeForest. Your feedback will boost our motivation and help us to work harder on future updates.

    https://themeforest.net/downloads

    Thank you for your support.

    virdharainfotech@gmail.com
    Participant

    Thanks for your valuable support. But I am facing problems again.
    1st: I said that there is slider content on the home page then a red line appears which I want to remove, and you have given me a code. But it is not working.
    see red line is not Removing. https://postimg.cc/c6N7jL4h

    2nd: I want to make the slider image fully visible even in mobile view. So how can I make the slider responsive? Currently, the image shown in mobile view is cut and only half is shown.
    see, This is Mobile view: https://postimg.cc/vDy6ZGSp
    and this is laptop view: https://postimg.cc/fkkQX9FX

    serkan
    Moderator

    Hi,
    Could you please upload the photos to a different website?
    For security reasons, I cannot access the photos in any way. I would appreciate it if you upload them to a different platform to solve the problem quickly.
    Thanks

    virdharainfotech@gmail.com
    Participant
    serkan
    Moderator

    Hi,
    Can you use this custom css code for the red line in the slider;

    .bdt-show-otherview-yes.elementor-widget-prime-slider-general .bdt-prime-slider-skin-crelly .bdt-slider-excerpt:before {
        display: none;
    }

    Maintaining the aspect ratio of the photo in mobile complicates things a bit. Because mobile can be used in landscape and portrait format. Therefore, it is possible that part of the photo will be cut off.
    Thanks

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

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register