custom my header in desktop screen

ludo974

Hello,
I would like to improve my website,
I noticed that the poster on a computer makes me lose a lot of space, the user does not see my slideshow below.
I would like to put the logo here only when the user is using a computer.
Indeed, when one is on a tablet or a phone the display and perfect
look please :
http://prntscr.com/o9w9bg

Ninja

ludo974
Hi
There is no position like you asked in screenshot, In topbar you can use topbar-left position to publish logo via custom html module.
If you want another module position with custom style, you need to add a new module position and customized the topbar position that already present on the site.
Here is file path to add new position : template folder/ tpls/blocks/topbar.php file.

Regards

ludo974

Ninja
I understand your advice, but

I tried to find the right one but I can not ...
I would just like to delete that: http://prntscr.com/o9yoyh

and that the logo that is here appears on the same line as the other information : http://prntscr.com/o9yphf

Could you help me please ?

Ninja

ludo974
Hi
Add this code in custom.css file

.logo {display:none;}
.top-right{display:flex;}

ludo974

hello@pankaj#88893

I add this custom.css

.blog .column-1 .item-image.pull-left, .blog-featured .column-1 .item-image.pull-left {
float: none !important;
width: 100%;
padding-right: 0;
}

.blog .column-1 .article-intro, .blog-featured .column-1 article-intro {
display: none;
}

.head-action .btn-secondary{background-color: #ffd500 !important;}

.logo {text-align:center;}
.logo {display:none;}
.top-right{display:flex;}

@media(min-width:768px){
.acm-features.style-1.acm-features .features-item-inner h4 {
min-height: 100px;
}}

But
I do not see result.
I would like this please :
http://prntscr.com/oah2k9

look : http://prntscr.com/oahaj0

Ninja

ludo974
Hi
You have to publish the logo image in the top right module positions.
I can not see you added the logo there : http://prntscr.com/oasej8
The code is working on site as logo is already hidden.
You can add the logo image in currently published modules or add a new module.

ludo974

hello@pankaj#88996

http://prntscr.com/oau2p2
when i add the logo to my contact module present in the top-right position here is what i get. http://prntscr.com/oau2wg
But when I browse with the phone the logo is too small and does not show up here. http://prntscr.com/oau3ql

Moreover and it possible to delete this space and
align information ? look : http://prntscr.com/oau3zz

Ninja

ludo974
Hi
You can add this code in your left side custom module to move it below

<p style="
    padding-top: 18px;
"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Open from Monday to Friday: 8:00 - 16:00</font></font></p>

and this code in custom.css file

.t3-header{display:none;}

ludo974

Ninja
Ninja
I follow your advice but I dont'see the resultat.
I delete my cache and cookies.

look : http://prntscr.com/oawl4k
http://prntscr.com/oawlaj

Could you help me, it'very important for me

Ninja

ludo974
Hi
Kindly fix the typo error in custom.css to hide the header

.t3-header{display:none;}

About the image i can see its showing fine already http://prntscr.com/oawrbf
if you want to customize it differently, you have to use it in a new module and apply your own custom styling.

This is the normal view if you publish any content on this position.