[Support request] Prime design from the library. Header Design

[Joerg]

Hello
I use the Prime design from the library.
I have created the block cart in the header widget.
Now I want to create Login/Register only with an icon and create it to the left of Cart block.
Mobile I want
on the left: Logo
right: login, cart, menu icons
below: searchbar
who has done something like this before and can help me?

https://www.xup.in/dl,53964249/283686387_1526151867781376_6224568022066132546_n.jpg
https://www1.xup.in/exec/ximg.php?fid=53964249

[url=https://www.xup.in/dl,53964249/283686387_1526151867781376_6224568022066132546_n.jpg/][img]https://www1.xup.in/exec/ximg.php?fid=53964249[/img][/url]

[David]

Hi there,

you can use a Block Element – Hook

https://docs.generatepress.com/article/block-element-hook/

Set the Hook to menu_bar_items
Set the Display Rules > Location to Entire Site

Then in the block editor add your button with icon.

[Joerg]

sorry this does not work

[url=https://www.xup.in/dl,69374809/Download_(1).png/][img]https://www1.xup.in/exec/ximg.php?fid=69374809[/img][/url]

[url=https://www.xup.in/dl,18963585/Download.png/][img]https://www1.xup.in/exec/ximg.php?fid=18963585[/img][/url]

[David]

Can you share a link to your site?

[Joerg]

here is the Link

[David]

Ah ok – so the Cart block you have that is beside the Search bar, is added to the Appearance > Widgets > Header Widget.
You can place the button for your Account / Login there.

Then to keep them inline you can add this CSS:

.header-widget {
    display: flex;
}

[Author]

Posts