Archived topic
Prime design from the library. Header Design
5 replies · Started by Joerg on July 13, 2022
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]
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.
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]
Can you share a link to your site?
here is the Link
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;
}