How can i add image or text header right side ?

Hey koraytastan,
I recommend using the first method, of creating a widget area in the header and adding your text or image as a widget. What you are experiencing is the lack of room in your header for the widget.
Please link to your page with the widget area, so we can help adjust the elements.

Best regards,
Mike

Hi,
Thank you, the smallest width your menu can be without resizing the menu items is 1160px, and your mobile menu ends at 768px, so between those two you should decide if you want to continue the mobile menu more or have the menu items smaller or a mixture of both.
Some choose to have the mobile menu go to 1024px, but I’ve seen mobile menus go to 1200px, let us know how you want to proceed.

So for mobile menus I moved the image over the burger and inline with the logo with this css. For now the media query ends at 767px, but this can be changed:

@media only screen and (max-width: 767px) { 
#custom_html-2 {
    width: 60px;
    float: right;
    top: -95px;
}
}

For 1160px and up I put the image inline with the menu and float it to the end, and adjusted once at 1295px:

@media only screen and (min-width: 1160px) and (max-width: 1295px) { 
nav.main_menu {
    width: 85% !important; 
}
#custom_html-2 {
    width: 60px;
    float: right;
    top: -5px;
}
}
@media only screen and (min-width: 1296px) { 
nav.main_menu {
    width: 75% !important; 
}
#custom_html-2 {
    width: 60px;
    float: right;
    top: -5px;
}
}

Best regards,
Mike

Hi,
Is your Safari showing this between 1160px & 1282px and is it a iPad? I didn’t add “pixel-ratio” into the media query which the Safari takes into account.
I don’t have a IOS so I can’t effectively adjust this, but we can have a team member look at this for you.

Shall we make the adjustments for 768px though 1160px, so when it’s looked at later with Safari they can check all of the sizes?

Best regards,
Mike

Hi,
Do you mean that you want to have someone look at the Safari issue above before adjusting the menu for 768px though 1160px ?

Best regards,
Mike

Hi,
I’m not sure I understand, what do you mean it doesn’t show correctly at 100% but 90% and below is correct?
What is the screen width of 100%?

Best regards,
Mike

Hi,
Sorry for the late reply, please try adding this css:

@media only screen and (min-width: 1250px) and (max-width: 1295px) { 
#custom_html-2 {
    position: element(.av-main-nav-wrap) !important; 
    left: -8% !important;
} 
}

Best regards,
Mike

Hi,

Please try adding the css above in your WordPress > Customize > Additional CSS and then clearing your browser cache.
This seems to be working for me when testing, Please see the screenshot in Private Content area.

Best regards,
Mike