팁과노하우

2024.07.13 16:21

헤더 레이아웃의 메뉴 중앙정렬

레이아웃 : basic_row

/theme/rb.basic/rb.layout.hd/basic_row/style.css 파일의 

23~24라인 쯤에 아래 CSS를 추가하시면 됩니다.



/* 중앙정렬 { */
.row_gnbs .cbp-hrmenu > ul {text-align: center;}
.row_gnbs .cbp-hrmenu > ul > li {display: inline-block;}
.row_gnbs .cbp-hrmenu > ul > li {padding-left: 15px; padding-right: 15px;}
.row_gnbs .cbp-hrmenu .cbp-hrsub {text-align: left;} /*서브메뉴의 텍스트가 중앙정렬되는것을 방지*/
/* } */

a0e5665183b30f2d2b1d7915d9a5686f_1720855484_2831.png
 


레이아웃 : basic 

/theme/rb.basic/rb.layout.hd/basic/style.css 파일에 

아래 CSS를 추가하시면 됩니다.


.gnb_wrap nav {width: 35%; text-align: center;} /*가로사이즈를 적절히 잡아주세요*/
.cbp-hrmenu .cbp-hrsub {text-align: left;}  /*서브메뉴의 텍스트가 중앙정렬되는것을 방지*/

a0e5665183b30f2d2b1d7915d9a5686f_1720855496_1428.png
 

  • 공유링크 복사
    미니홈 쪽지 구독하기
    구독하고 알림받기