-
The buttons on my Navigation element stay justified in the center of the page and very spaced out no matter what I do to the CSS code or in visual editor. Not sure what I’m doing wrong.
<!-- wp:generateblocks/container {"uniqueId":"c03440be","backgroundColor":"var(\u002d\u002dbase-2)","textColor":"var(\u002d\u002dcontrast-3)","linkColor":"var(\u002d\u002dcontrast)","linkColorHover":"var(\u002d\u002daccent)","fontFamilyFallback":"arial","googleFont":true,"googleFontVariants":"300, 300italic, regular, italic, 700, 700italic","align":"narrow","isDynamic":true,"blockVersion":4,"display":"inline","displayTablet":"flex","flexDirection":"initial","flexDirectionTablet":"row","flexWrap":"wrap","flexWrapTablet":"wrap","alignItems":"flex-end","alignItemsTablet":"flex-start","justifyContent":"none","position":"relative","positionTablet":"relative","overflowXTablet":"scroll","overflowYTablet":"scroll","typography":{"textAlign":"right","fontWeight":"400","fontFamily":"Aleo"},"spacing":{"paddingLeft":"5px","paddingRight":"1px","paddingTop":"4px","paddingBottom":"4px","marginLeft":"35em","marginRight":"6px","marginTop":"4px","marginBottom":"4px"},"gpRemoveContainerCondition":"no-featured-image"} --> <!-- wp:group {"tagName":"section","lock":{"move":true,"remove":false},"className":"alignnarrow","style":{"typography":{"textTransform":"lowercase"}},"fontSize":"medium","layout":{"type":"constrained"}} --> <section class="wp-block-group alignnarrow has-medium-font-size" style="text-transform:lowercase"><!-- wp:group {"layout":{"type":"constrained"}} --> <div class="wp-block-group"><!-- wp:navigation {"ref":4,"layout":{"type":"flex","justifyContent":"right"}} /--></div> <!-- /wp:group --></section> <!-- /wp:group --> <!-- /wp:generateblocks/container -->I would like the five items to be justified to the right with a little padding between each. Suggestions?
-
Hi there,
Could you share the page where this navigation is located? That way, I can inspect it directly and check for the issue.
I tried adding the HTML markup you provided on my test site, but I’m not sure if it renders the actual layout.
-
Hello Alvin,
There is no independent page for this as it is an Element that is to be displayed on every page of the site. Here is the HTML for it: https://bridgingthebones.fyi/wp-admin/post.php?post=5115&action=editPlease advise. Thanks in advance.
-
Hi there,
The link requires admin login to view. can you just link us to the page where the nav element is placed?
Let me know 🙂
- You must be logged in to reply to this topic.