Bard Mobile Header Different then PC Header

  • Hello,

    I am pretty new to wordpress and hope this is an easy one:

    I want to have a header on the stated website which consists of an slider and the title of the website.

    The title should be in a white field below the header-slider. For this I edited the pictures to be higher and have an big white stripe on the bottom where the website title is placed in.

    I moved the title down accordingly to create the desired look.

    This works nice on the Desktop version of the view but in the mobile version the website title is shifted up into the header slider.

    Is there a way to adjust this ?

    Thanks for any hints!

    BW

    Jakob

    The page I need help with: [log in to see the link]

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

  • Hi @sncdf

    Unfortunately, it’s not possible wiht theme options, on the desktop mode you move the title using huge padding and it’s not the correct way to style the website it can cause some unexpected errors on different screen sizes, on responsive devices to move the title we need to change the whole header section container on every pixel, technically it means to rewrite the whole theme header section source code.

    We recommend: please try to use page builders which allow creating custom sections and displaying them on desired pages.

    Kind Regards

    Thread Starter sncdf

    (@sncdf)

    Hello @wprsupport ,

    thanks for your answer, I understand, but what ab out having the possibility to change the border color of the website title?
    Having the title always readable not depending on the background image would solve my problem.

    Thanks and BW

    Jakob

    Hi @sncdf

    Please navigate to Dashboard > Appearance > Customize > Additional CSS section add the following snippet:

    .header-logo {
    padding: 10px 10px;
    background: #fff;
    }

    Kind Regards

    Thread Starter sncdf

    (@sncdf)

    Hi @wprsupport ,

    Thanks for response, sorry but this not what I meant, I thought of an outline around the text.
    I thought more of something like a text with outline..
    You have a solution for that maybe?

    Thanks a lot in advance !

    BW

    Jakob

    Hi @sncdf

    Please navigate to Dashboard > Appearance > Customize > Additional CSS section add the following snippet:

    .header-logo {
    border: 1px solid #fff;
    padding: 10px;
    }

    Kind Regards

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Bard Mobile Header Different then PC Header’ is closed to new replies.